<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="renderer" content="webkit">
<title>购物车</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/cart.css">
<script type="text/javascript" src="js/jquery1.7.2.js"></script>
<script type="text/javascript" src="js/superslide.js"></script><!-TAB->
<script type="text/javascript" src="js/carts.js"></script>
</head>
<body>
<!-header start->
<nav class="topnav">
    <div class="row-w clearfix">
        <div class="topnav-l">
            <div class="topnav-tex fl">好的生活，没那么贵！</div>
            <div class="fl">
                <a class="c1" href="register.html">免费注册</a>
                <a class="c2" href="login.html">登录</a>
            </div>
        </div>
        <div class="topnav-r">
            <a href="#"><i class="icon-geren"></i>个人中心</a>|
            <a href="#"><i class="icon-kefu"></i>客服中心</a>|
            <a href="#">我的订单</a>|
            <a href="#">手机购物</a>
        </div>
    </div>
</nav>
<!-header end->
<!-conter start->
<div class="row-w">
    <div class="carthead clearfix">
        <div class="cart-logo">
            <a href="index.html"><img src="images/cart-order.png"></a>
        </div>
        <div class="stepWrap">
            <dl class="stepFirst step-finish">
                <dt class="num">1</dt>
                <dd class="text">购物车</dd>
            </dl>
            <dl class="">
                <dt class="num">2</dt>
                <dd class="text">确定订单</dd>
            </dl>
            <dl class="">
                <dt class="num">3</dt>
                <dd class="text">支付</dd>
            </dl>
            <dl class="stepLast">
                <dt class="num">4</dt>
                <dd class="text">完成</dd>
            </dl>
        </div>
    </div>
</div>
<!-全部商品->
<div class="row-w">
    <div class="mainWrap">
        <div class="cart-filter clearfix">
            <ul class="cart-switch">
                <li class="on"> 全部商品（10）</li>
            </ul>
            <div class="cart-store">
                <div class="area-wrap">
                    <div class="label">配送至：</div>
                    <div class="area-mode"><span>北京 大兴区 亦庄经济开发区南海家园六里35号楼2801</span></div>
                </div>
            </div>
        </div>
        <div class="cart-filter-con">
            <div class="item-s">
                <div class="cartMain">
                    <!--商品标题-->
                    <div class="cartMain-hd">
                        <div class="order-lists cartTop">
                            <div class="col list-chk">
                                <!--所有商品全选-->
                                <input type="checkbox" id="all" class="whole-check">
                                <label class="checlab" for="all"></label>
                                全选
                            </div>
                            <div class="col list-con">商品信息</div>
                            <div class="col list-info">商品参数</div>
                            <div class="col list-price">单价</div>
                            <div class="col list-amount">数量</div>
                            <div class="col list-sum">金额</div>
                            <div class="col list-op">操作</div>
                        </div>
                    </div>
                    <!--单品-->
                    <div class="cartBox">
                        <div class="shop-info">
                            <div class="all-check">
                                <!--店铺全选-->
                                <input type="checkbox" id="shop_a" class="shopChoice">
                                <label class="checlab" for="shop_a" class="shop"></label>
                            </div>
                            <div class="shop-name">
                                <a href="javascript:;">华联购</a>
                            </div>
                        </div>
                        <div class="order-content">
                            <div class="order-lists">
                                <div class="col list-chk">
                                    <input type="checkbox" id="checkbox_1" class="son-check">
                                    <label class="checlab" for="checkbox_1"></label>
                                </div>
                                <div class="col list-con">
                                    <div class="list-img">
                                        <a href="javascript:;">
                                            <img src="images/goods-f-1.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="list-text">
                                        <a href="javascript:;">夏季男士迷彩无袖T恤圆领潮流韩版修身男装背心青年时尚打底衫男</a>
                                    </div>
                                </div>
                                <div class="col list-info">
                                    <p>被罩200*230cm</p>
                                    <p>床单245*250cm</p>
                                </div>
                                <div class="col list-price">
                                    <p class="price">￥369.10</p>
                                </div>
                                <div class="col list-amount">
                                    <div class="amount-box">
                                        <a href="javascript:;" class="reduce reSty">-</a>
                                        <input type="text" value="1" class="sum" minnum="1">
                                        <a href="javascript:;" class="plus">+</a>
                                    </div>
                                </div>
                                <div class="col list-sum">
                                    <p class="sum-price">￥369.10</p>
                                    <p>（免运费）</p>
                                </div>
                                <div class="col list-op">
                                    <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                                    <p class="favorites"><a href="javascript:;" class="favoritesBtn">移入收藏夹</a></p>
                                </div>
                            </div>
                            <div class="order-lists">
                                <div class="col list-chk">
                                    <input type="checkbox" id="checkbox_2" class="son-check">
                                    <label class="checlab" for="checkbox_2"></label>
                                </div>
                                <div class="col list-con">
                                    <div class="list-img"><a href="javascript:;"><img src="images/goods-f-1.jpg" alt=""></a></div>
                                    <div class="list-text"><a href="javascript:;">夏季男士迷彩无袖T恤圆领潮流韩版修身男装背心青年时尚打底衫男</a></div>
                                </div>
                                <div class="col list-info">
                                    <p>被罩200*230cm</p>
                                    <p>床单245*250cm</p>
                                </div>
                                <div class="col list-price">
                                    <p class="price">￥369.10</p>
                                </div>
                                <div class="col list-amount">
                                    <div class="amount-box">
                                        <a href="javascript:;" class="reduce reSty">-</a>
                                        <input type="text" value="1" class="sum">
                                        <a href="javascript:;" class="plus">+</a>
                                    </div>
                                </div>
                                <div class="col list-sum">
                                    <p class="sum-price">￥369.10</p>
                                    <p>（免运费）</p>
                                </div>
                                <div class="col list-op">
                                    <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                                    <p class="favorites"><a href="javascript:;" class="favoritesBtn">移入收藏夹</a></p>
                                </div>
                            </div>
                            <div class="order-lists">
                                <div class="col list-chk">
                                    <input type="checkbox" id="checkbox_3" class="son-check">
                                    <label class="checlab" for="checkbox_3"></label>
                                </div>
                                <div class="col list-con">
                                    <div class="list-img"><a href="javascript:;"><img src="images/goods-f-1.jpg" alt=""></a></div>
                                    <div class="list-text"><a href="javascript:;">夏季男士迷彩无袖T恤圆领潮流韩版修身男装背心青年时尚打底衫男</a></div>
                                </div>
                                <div class="col list-info">
                                    <p>被罩200*230cm</p>
                                    <p>床单245*250cm</p>
                                </div>
                                <div class="col list-price">
                                    <p class="price">￥369.10</p>
                                </div>
                                <div class="col list-amount">
                                    <div class="amount-box">
                                        <a href="javascript:;" class="reduce reSty">-</a>
                                        <input type="text" value="1" class="sum">
                                        <a href="javascript:;" class="plus">+</a>
                                    </div>
                                </div>
                                <div class="col list-sum">
                                    <p class="sum-price">￥369.10</p>
                                    <p>（免运费）</p>
                                </div>
                                <div class="col list-op">
                                    <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                                    <p class="favorites"><a href="javascript:;" class="favoritesBtn">移入收藏夹</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--单品-->
                    <div class="cartBox">
                        <div class="shop-info">
                            <div class="all-check">
                                <!--店铺全选-->
                                <input type="checkbox" id="shop_b" class="shopChoice">
                                <label class="checlab" for="shop_b" class="shop"></label>
                            </div>
                            <div class="shop-name">
                                <a href="javascript:;">华联购</a>
                            </div>
                            <div class="shop-freight">免运费</div>
                        </div>
                        <div class="order-content">
                            <div class="order-lists">
                                <div class="col list-chk">
                                    <input type="checkbox" id="checkbox_b1" class="son-check">
                                    <label class="checlab" for="checkbox_b1"></label>
                                </div>
                                <div class="col list-con">
                                    <div class="list-img"><a href="javascript:;"><img src="images/goods-f-1.jpg" alt=""></a></div>
                                    <div class="list-text"><a href="javascript:;">夏季男士迷彩无袖T恤圆领潮流韩版修身男装背心青年时尚打底衫男</a></div>
                                </div>
                                <div class="col list-info">
                                    <p>被罩200*230cm</p>
                                    <p>床单245*250cm</p>
                                </div>
                                <div class="col list-price">
                                    <p class="price">￥369.10</p>
                                </div>
                                <div class="col list-amount">
                                    <div class="amount-box">
                                        <a href="javascript:;" class="reduce reSty">-</a>
                                        <input type="text" value="1" class="sum">
                                        <a href="javascript:;" class="plus">+</a>
                                    </div>
                                </div>
                                <div class="col list-sum">
                                    <p class="sum-price">￥369.10</p>
                                    <p>（免运费）</p>
                                </div>
                                <div class="col list-op">
                                    <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                                    <p class="favorites"><a href="javascript:;" class="favoritesBtn">移入收藏夹</a></p>
                                </div>
                            </div>
                            <div class="order-lists">
                                <div class="col list-chk">
                                    <input type="checkbox" id="checkbox_b2" class="son-check">
                                    <label class="checlab" for="checkbox_b2"></label>
                                </div>
                                <div class="col list-con">
                                    <div class="list-img"><a href="javascript:;"><img src="images/goods-f-1.jpg" alt=""></a></div>
                                    <div class="list-text"><a href="javascript:;">夏季男士迷彩无袖T恤圆领潮流韩版修身男装背心青年时尚打底衫男</a></div>
                                </div>
                                <div class="col list-info">
                                    <p>被罩200*230cm</p>
                                    <p>床单245*250cm</p>
                                </div>
                                <div class="col list-price">
                                    <p class="price">￥369.10</p>
                                </div>
                                <div class="col list-amount">
                                    <div class="amount-box">
                                        <a href="javascript:;" class="reduce reSty">-</a>
                                        <input type="text" value="1" class="sum">
                                        <a href="javascript:;" class="plus">+</a>
                                    </div>
                                </div>
                                <div class="col list-sum">
                                    <p class="sum-price">￥369.10</p>
                                    <p>（免运费）</p>
                                </div>
                                <div class="col list-op">
                                    <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                                    <p class="favorites"><a href="javascript:;" class="favoritesBtn">移入收藏夹</a></p>
                                </div>
                            </div>
                            <div class="order-lists">
                                <div class="col list-chk">
                                    <input type="checkbox" id="checkbox_b3" class="son-check">
                                    <label class="checlab" for="checkbox_b3"></label>
                                </div>
                                <div class="col list-con">
                                    <div class="list-img"><a href="javascript:;"><img src="images/goods-f-1.jpg" alt=""></a></div>
                                    <div class="list-text"><a href="javascript:;">夏季男士迷彩无袖T恤圆领潮流韩版修身男装背心青年时尚打底衫男</a></div>
                                </div>
                                <div class="col list-info">
                                    <p>被罩200*230cm</p>
                                    <p>床单245*250cm</p>
                                </div>
                                <div class="col list-price">
                                    <p class="price">￥369.10</p>
                                </div>
                                <div class="col list-amount">
                                    <div class="amount-box">
                                        <a href="javascript:;" class="reduce reSty">-</a>
                                        <input type="text" value="1" class="sum">
                                        <a href="javascript:;" class="plus">+</a>
                                    </div>
                                </div>
                                <div class="col list-sum">
                                    <p class="sum-price">￥369.10</p>
                                    <p>（免运费）</p>
                                </div>
                                <div class="col list-op">
                                    <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                                    <p class="favorites"><a href="javascript:;" class="favoritesBtn">移入收藏夹</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--单品失效-->
                    <div class="cartBox order-invalid">
                        <div class="shop-info">
                            <div class="all-check">
                            </div>
                            <div class="shop-name">
                                <a href="javascript:;">店铺：华联购</a>
                            </div>
                        </div>
                        <div class="order-content">
                            <div class="order-lists">
                                <div class="col list-chk">
                                    <a class="label-invalid" href="javascript:;">失效</a>
                                </div>
                                <div class="col list-con">
                                    <div class="list-img"><a href="javascript:;"><img src="images/goods-f-1.jpg" alt=""></a></div>
                                    <div class="list-text"><a href="javascript:;">夏季男士迷彩无袖T恤圆领潮流韩版修身男装背心青年时尚打底衫男</a></div>
                                </div>
                                <div class="col list-info">
                                    <p>被罩200*230cm</p>
                                    <p>床单245*250cm</p>
                                </div>
                                <div class="col list-price">
                                    <p class="price">￥369.10</p>
                                </div>
                                <div class="col list-amount">
                                    <div class="amount-box">
                                        1
                                    </div>
                                </div>
                                <div class="col list-sum">
                                    <p class="sum-price">￥369.10</p>
                                    <p>（免运费）</p>
                                </div>
                                <div class="col list-op">
                                    <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                                    <p class="favorites"><a href="javascript:;" class="favoritesBtn">移入收藏夹</a></p>
                                </div>
                            </div>
                            <div class="order-lists">
                                <div class="col list-chk">
                                    <a class="label-invalid" href="javascript:;">失效</a>
                                </div>
                                <div class="col list-con">
                                    <div class="list-img"><a href="javascript:;"><img src="images/goods-f-1.jpg" alt=""></a></div>
                                    <div class="list-text"><a href="javascript:;">夏季男士迷彩无袖T恤圆领潮流韩版修身男装背心青年时尚打底衫男</a></div>
                                </div>
                                <div class="col list-info">
                                    <p>被罩200*230cm</p>
                                    <p>床单245*250cm</p>
                                </div>
                                <div class="col list-price">
                                    <p class="price">￥369.10</p>
                                </div>
                                <div class="col list-amount">
                                    <div class="amount-box">
                                        1
                                    </div>
                                </div>
                                <div class="col list-sum">
                                    <p class="sum-price">￥369.10</p>
                                    <p>（免运费）</p>
                                </div>
                                <div class="col list-op">
                                    <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                                    <p class="favorites"><a href="javascript:;" class="favoritesBtn">移入收藏夹</a></p>
                                </div>
                            </div>
                            <div class="order-lists">
                                <div class="col list-chk">
                                    <a class="label-invalid" href="javascript:;">失效</a>
                                </div>
                                <div class="col list-con">
                                    <div class="list-img"><a href="javascript:;"><img src="images/goods-f-1.jpg" alt=""></a></div>
                                    <div class="list-text"><a href="javascript:;">夏季男士迷彩无袖T恤圆领潮流韩版修身男装背心青年时尚打底衫男</a></div>
                                </div>
                                <div class="col list-info">
                                    <p>被罩200*230cm</p>
                                    <p>床单245*250cm</p>
                                </div>
                                <div class="col list-price">
                                    <p class="price">￥369.10</p>
                                </div>
                                <div class="col list-amount">
                                    <div class="amount-box">
                                        1
                                    </div>
                                </div>
                                <div class="col list-sum">
                                    <p class="sum-price">￥369.10</p>
                                    <p>（免运费）</p>
                                </div>
                                <div class="col list-op">
                                    <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                                    <p class="favorites"><a href="javascript:;" class="favoritesBtn">移入收藏夹</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--底部-->
        <div class="cart-fixedBar" id="cart-fixedBar">
            <div class="bar-wrapper bar-guide-bottom">
                <div class="bar-left">
                    <div class="check-bottom">
                        <!--所有商品全选-->
                        <input type="checkbox" id="all2" class="whole-check">
                        <label class="checlab" for="all2"></label>
                        全选
                    </div>
                    <div class="oper-bottom">
                        <a href="#">移入收藏夹</a>
                        <a href="javascript:;" class="allDel" id="allDelBtn">删除</a>
                        <a href="#">清空失效商品</a>
                    </div>
                </div>
                <div class="bar-right">
                    <div class="piece">共有<strong class="piece-num">0</strong>件商品</div>
                    <div class="totalMoney">总计: <strong class="total-text">￥0.00</strong></div>
                    <div class="calBtn"><a href="confirm-order.html">结算</a></div>
                </div>
            </div>
        </div>
        <div style="height: 150px;"></div>
        <div style="height: 150px;"></div>
    </div>
</div>
<div class="blank-bg"></div>
<!-单个删除弹出框->
<div class="my-model" id="myModel">
    <div class="title">
        删除商品
        <span class="closeModel">X</span>
    </div>
    <div class="cont">
        <p>您确认要删除该商品吗？</p>
    </div>
    <div class="opBtn"><a href="javascript:;" class="dialog-sure" id="mySure">确定</a><a href="javascript:;" class="dialog-close">关闭</a></div>
</div>
<!-选择删除弹出框->
<div class="my-model" id="allModel">
    <div class="title">
        删除商品
        <span class="closeModel">X</span>
    </div>
    <div class="cont">
        <p>您确认要删除这些商品吗？</p>
    </div>
    <div class="opBtn"><a href="javascript:;" class="dialog-sure" id="allSure">确定</a><a href="javascript:;" class="dialog-close">关闭</a></div>
</div>
<!-conter end->

</body>
</html>